<script setup lang="ts">
import { Edit } from '@element-plus/icons-vue'
</script>
<template>
  <h3>手动引入使用icon</h3>
  <el-icon :size="20">
    <Edit />
  </el-icon>
  <hr />

  <h3>icon设置了自动导入功能， 请在图标前面使用 i-ep- 前缀</h3>
  <el-icon :size="20">
    <i-ep-Edit />
  </el-icon>
  <el-icon><i-ep-plus /></el-icon>
  <el-icon><i-ep-ArrowLeft /></el-icon>
  <el-icon><i-ep-Notebook /></el-icon>
  <el-icon><i-ep-video-pause /></el-icon>

  <el-icon color="#409EFC" class="no-inherit">
    <i-ep-share />
  </el-icon>
  <el-icon>
    <i-ep-Delete />
  </el-icon>
  <el-icon class="is-loading">
    <i-ep-Loading />
  </el-icon>
  <hr />

  <h3>组合使用</h3>
  <el-button type="primary">
    <el-icon style="vertical-align: middle">
      <i-ep-Search />
    </el-icon>
    <span style="vertical-align: middle"> Search </span>
  </el-button>
</template>
<style scoped lang="scss">
/* sass,scss rules */
</style>
